<!DOCTYPE html>
<html lang="{{.Locale}}">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#fff">
    <meta http-equiv="refresh" content="20">
    <title>{{.Title}}</title>
    <link rel="stylesheet" href="{{asset .Domain "/fonts/fonts.css" .ContextName}}">
    <link rel="stylesheet" href="{{asset .Domain "/css/cozy-bs.min.css" .ContextName}}">
    <link rel="stylesheet" href="{{asset .Domain "/styles/theme.css" .ContextName}}">
    <link rel="stylesheet" href="{{asset .Domain "/styles/cirrus.css" .ContextName}}">
    {{.Favicon}}
  </head>
  <body class="cirrus modal-open" data-token="{{.SettingsToken}}">
    <div class="modal d-block " tabindex="-1" aria-modal="true" role="dialog">
      <div class="modal-dialog modal-dialog-centered">
        <main role="application" class="modal-content">
          <div class="modal-icon">
            <span class="icon icon-permissions"></span>
          </div>
          <div class="modal-body mt-4 mt-md-1 p-md-5">
            <h1 class="h4 h2-md mb-4 text-center">{{t "Too Many OAuth Clients Title" .ClientsCount .ClientsLimit}}</h1>
            <p class="mb-4 text-center">
              {{t "Too Many OAuth Clients Intro" .ClientsLimit}}&nbsp;-
              <a href='{{t "Too Many OAuth Clients More Link"}}' target="_blank">{{t "Too Many OAuth Clients More Text"}}</a>
            </p>
            <p class="mb-4 text-center">
              {{t "Too Many OAuth Clients Available Actions"}}
            </p>
            {{if .PremiumURL}}
            <a href="{{.PremiumURL}}" {{if .OpenLinksInNewTab}}target="_blank"{{end}} class="btn btn-primary btn-md-lg w-100 mb-2">
              {{t "Too Many OAuth Clients Offers Btn"}}
            </a>
            <a href="{{.ManageDevicesURL}}" {{if .OpenLinksInNewTab}}target="_blank"{{end}} class="btn btn-outline-info btn-md-lg w-100">
              {{t "Too Many OAuth Clients Settings Btn"}}
            </a>
            {{else}}
            <a href="{{.ManageDevicesURL}}" {{if .OpenLinksInNewTab}}target="_blank"{{end}} class="btn btn-primary btn-md-lg w-100">
              {{t "Too Many OAuth Clients Settings Btn"}}
            </a>
            {{end}}
            <a href="#" id="refresh-btn" class="btn btn-outline-info btn-md-lg w-100 mt-2 d-flex justify-content-center align-items-center gap-2">
              <img src="{{asset .Domain "/icons/sync.svg" .ContextName}}" />
              {{t "Too Many OAuth Clients Refresh Btn"}}
            </a>
          </div>
        </main>
      </div>
    </div>
    <div class="modal-backdrop show"></div>
    <script src="{{asset .Domain "/scripts/cirrus.js"}}"></script>
    <script src="{{asset .Domain "/scripts/oauth-clients.js"}}"></script>
  </body>
</html>
